<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>历史订单</title>
    <style>
        td {
            vertical-align: middle !important;
        }
    </style>
    <link rel="stylesheet" href="plugin/bootstrapValidator/bootstrapValidator.min.css">
</head>
<body>

<div class="modal fade" id="orderInfoModal" tabindex="-1" role="dialog"
     aria-labelledby="orderInfoLable" aria-hidden="true">
    <div class="modal-dialog" style="width: 750px;">
        <div class="modal-content">
            <form class="form-horizontal" id="orderForm" method="post">
                <div class="modal-header" style="min-height: 55px;">
                    <div class="col-sm-5">
                        <h4 class="modal-title" id="orderInfoLable">订单操作</h4>
                    </div>
                    <div class="col-sm-7 text-right">
                        <button type="button" class="btn btn-danger btn-sm"
                                onclick="$('#orderInfoModal').modal('hide')">
                            <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                        </button>
                    </div>
                </div>
                <div class="form-group" style="text-align: left">
                    <label class="col-md-2 control-label">订单号</label>
                    <div class="col-md-3">
                        <input disabled="disabled" type="text" class="form-control" name="orderId" id="orderId">
                    </div>
                    <label class="col-md-2 control-label">商家名</label>
                    <div class="col-md-3">
                        <input disabled="disabled" type="text" class="form-control" name="storeName" id="storeName">
                    </div>
                </div>
                <div class="form-group" style="text-align: left">
                    <label class="col-md-2 control-label">订单状态</label>
                    <div class="col-md-3">
                        <select class="form-control" name="orderStatus" id="orderStatus">

                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger"
                            onclick="$('#orderInfoModal').modal('hide')">
                        <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                        取消
                    </button>
                    <button type="submit" class="btn btn-success">
                        <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
                        提交
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<table id="hisDataTables"
       class="table table-striped table-condensed table-bordered"
       cellspacing="0" width="100%">
    <thead>
    <tr>
        <th style="width: auto;">序号</th>
        <th style="width: auto;">订单号</th>
        <th style="width: auto;">下单时间</th>
        <th style="width: auto;">文件名</th>
        <th style="width: auto;">商家信息</th>
        <th style="width: auto;">金额</th>
        <th style="width: auto;">订单状态</th>
        <th style="width: auto;">操作</th>
    </tr>
    </thead>
</table>


<script src="plugin/bootstrapValidator/bootstrapValidator.min.js"></script>
<script src="system/unfinishedOrder/unfinishedOrder.js"></script>
</body>
</html>